<template>
  <div class="shop_container">
    <ul class="shop_list">
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
      <li class="shop_li">
        <a>
          <div class="shop_left">
            <img class="shop_img" src />
          </div>
          <div class="shop_right"></div>
        </a>
      </li>
    </ul>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss">
.shop_container {
  li {
    height: 80px;
    background-color: green;
  }
}
</style>
